<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <title>合同签订</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"></meta>
    <!--
  <script th:src="@{/js/pub-lib/icheck.min.js}"></script>
  <script th:src="@{/js/pub-lib/plugins/select2/select2.full.min.js}"></script>
  <script th:src="@{/js/pub-lib/plugins/easyui/jquery.easyui.min.mylocal.js}"></script>
  <script th:src="@{/js/pub-lib/jquery-ui-datepicker.min.js}"></script>
  <script th:src="@{/js/pub-lib/jquery-ui-datepicker.zh-CN.js}"></script>
  <script th:src="@{/js/pub-lib/plugins/easyui/datagrid-detailview.js}"></script>
  <script type="text/javascript" th:src="@{/js/our-lib/commpent/unitsearchcommpent.js}"></script>
  <script type="text/javascript" th:src="@{/js/our-lib/commpent/itemsearchcommpent.js}"></script>
  <script type="text/javascript" src="../js/our-lib/commpent/unitselcommpent.js"></script>
  <script th:src="@{/js/our-lib/commpent/constantcommpent.js}"></script>
  <script type="text/javascript" th:src="@{/js/our-lib/commpent/project2unit2itemcommpent.js}"></script>
  <script type="text/javascript" th:src="@{/js/our-lib/commpent/plan2unit2project2itemcommpent.js}"></script>
  -->
    <link rel="stylesheet" href="../css/pub-lib/bootstrap/bootstrap.min.css"/>
    <!--easyui-树形菜单-->
    <link rel="stylesheet" href="../css/theme/easyui.css"/>
    <link rel="stylesheet" href="../css/theme/icon.css"/>
    <!--图标字形-->
    <link rel="stylesheet" href="../css/pub-lib/font-awesome.min.css"/>
    <link rel="stylesheet" href="../css/pub-lib/ionicons.min.css"/>
    <!--表格-->
    <link rel="stylesheet" href="../css/pub-lib/bootstrap/dataTables.bootstrap.min.css"/>
    <!--复选框-->
    <link rel="stylesheet" href="../css/pub-lib/_all.css"/>
    <!--下拉框-->
    <link rel="stylesheet" href="../css/pub-lib/select2.min.css"/>
    <!--时间-->
    <link rel="stylesheet" href="../css/pub-lib/bootstrap/bootstrap-datepicker.min.css"/>
    <!--弹出框-->
    <link rel="stylesheet" href="../js/pub-lib/plugins/toastr/toastr.min.css"/>
    <link rel="stylesheet" href="../js/pub-lib/plugins/jqueryConfirm/jquery-confirm.min.css"/>
    <!--表单验证-->
    <link rel="stylesheet" href="../js/pub-lib/plugins/bootstrap-validator/bootstrapValidator.min.css"/>
    <!--自定义样式-->
    <link rel="stylesheet" href="../css/pub-lib/adminLte/AdminLTE.css"/>
    <link rel="stylesheet" href="../css/our-lib/myStyle.css"/>
    <!-- **** -->
    <script type="text/javascript" src="../js/pub-lib/jquery.min.js"></script>
    <script type="text/javascript" src="../js/pub-lib/bootstrap.min.js"></script>
    <!--easyui-树形菜单-->
    <script type="text/javascript" src="../js/pub-lib/jquery/jquery.easyui.min.js"></script>
    <!--时间-->
    <script th:src="@{/js/pub-lib/jquery-ui-datepicker.min.js}"></script>
    <script th:src="@{/js/pub-lib/jquery-ui-datepicker.zh-CN.js}"></script>
    <!--复选框-->
    <script type="text/javascript" src="../js/pub-lib/icheck.min.js"></script>
    <!--下拉框-->
    <script type="text/javascript" src="../js/pub-lib/select2.full.min.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../js/pub-lib/html5shiv.min.js"></script>
    <script type="text/javascript" src="../js/pub-lib/respond.min.js"></script>
    <![endif]-->
    <!--弹出框-->
    <script type="text/javascript" src="../js/pub-lib/plugins/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="../js/pub-lib/plugins/jqueryConfirm/jquery-confirm.min.js"></script>
    <!--表单验证-->
    <script type="text/javascript" src="../js/pub-lib/plugins/bootstrap-validator/bootstrapValidator.min.js"></script>
    <!--表格-->
    <script type="text/javascript" src="../js/pub-lib/plugins/easyui/datagrid-detailview.js"></script>
    <script type="text/javascript" src="../js/pub-lib/common.js"></script>
    <script type="text/javascript" src="../js/our-lib/commpent/constantcommpent.js"></script>
    <!-- 选择 -->
    <script type="text/javascript" src="../js/our-lib/commpent/unitsearchcommpent.js"></script>
    <script type="text/javascript" src="../js/our-lib/commpent/itemsearchcommpent.js"></script>
    <script type="text/javascript" src="../js/our-lib/commpent/projectsearchcommpent.js"></script>
    <script type="text/javascript" src="../js/our-lib/commpent/usersearchcommpent.js"></script>
    <!-- 下拉 -->
    <script type="text/javascript" src="../js/our-lib/commpent/unitcommpent.js"></script>
    <script type="text/javascript" src="../js/our-lib/commpent/unitselcommpent.js"></script>
    <script type="text/javascript" src="../js/our-lib/commpent/unittypetoselcommpent.js"></script>
    <script type="text/javascript" src="../js/our-lib/commpent/plan2unit2projectcommpent.js"></script>
    <script type="text/javascript" src="../js/our-lib/commpent/project2unit2itemcommpent.js"></script>
    <script type="text/javascript" th:src="@{/js/our-lib/commpent/staffLimitCommpent.js}"></script>
    <script type="text/javascript" th:src="@{/js/our-lib/commpent/plan2unit2project2itemcommpent.js}"></script>
    <script th:src="@{/js/our-lib/contractManage/contractSignManage.js}"></script>

</head>
<body class="hold-transition skin-blue sidebar-mini" style="background:#f5f6f8;">
<!--标题-->
<section class="content-header">
    <h1>
        管理系统
        <small>合同签订</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="javascript:;"><i class="fa fa-home"></i>首页</a></li>
        <li><a href="javascript:;">合同管理</a></li>
        <li class="active">合同签订</li>
    </ol>
</section>

<!--内容-->
<section class="content">
    <div class="box box-default">
        <div class="box-header with-border">
            <div class="row">
                <div class="col-md-12">

                    <div class="form-inline">
                        <div class="form-group">
                            <label>所属规划：</label>
                            <select id="searchPlanProjClass" class="form-control select2">
                            </select>
                        </div>
                        <div class="form-group">
                            <label>建设单位：</label>
                            <select id="searchOrgName" class="form-control select2">
                            </select>
                        </div>
                        <div class="form-group">
                            <label>实施项目：</label>
                            <select id="searchImpleProjName" class="form-control select2">
                            </select>
                            <!-- <input type="text" class="form-control" placeholder="请输入项目名称" id="searchImpleProjName"/> -->
                        </div>
                        <div class="form-group">
                            <label>排序</label>
                            <select id="sortEle" class="form-control select2">
                                 <option value ='contractCode'>合同编码</option>
                                 <option value ='implName'>项目名称</option>
                            </select>
                            <!-- <input type="text" class="form-control" placeholder="请输入项目名称" id="searchImpleProjName"/> -->
                        </div>
                        <!-- <button class="btn btn-info" id="SearchBtn"><i class="fa fa-search"></i> 查询</button> -->
                        <button class="btn btn-border" id="addBtn"><i class="fa fa-plus"></i> 新增</button>
                        <!--<button class="btn btn-border" id="ResetBtn"><i class="fa fa-refresh"></i> 重置</button>-->
                        <button id="batchTrial" class="btn btn-info" data-toggle="modal"><i class="fa fa-trash"></i> 批量审定</button>
                        <button id="export" class="btn btn-info" data-toggle="modal"><i class="fa fa-share-square-o"></i> 导出</button>
                    </div>

                </div>
            </div>
        </div>
        <div class="box-body">
            <table id="contractSignList"></table>
        </div>
    </div>
</section>
<div class="control-sidebar-bg"></div>

<!--合同签订增加\修改界面-->
<div class="modal fade  bs-example-modal-lg" id="addEditModal" >
    <div class="modal-dialog modal-lg myModal_lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">合同签订增加/修改</h4>
            </div>
            <div class="modal-body">
                <form role="form" id="contractSignForm">
                    <div class="row noMargin">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>所属规划：</label>
                                <select id="searchPlanProjClassPop" class="form-control select2"></select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>建设单位：</label><br/>
                                <select class="form-control select2" id="orgUnit" name="orgUnit">
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>规划工程：</label>
                                <select id="vAddProjectName" name="vAddProjectName" class="form-control select2">
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>实施项目：</label><br/>
                                <select class="form-control select2" id="impleProjName" name="impleProjName">
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>合同编号：</label>
                                <input type="text" class="form-control" id="contractCode" />
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>合同名称：</label>
                                <input type="text" class="form-control" id="contractName" name="contractName"/>
                                <input type="text" class="form-control" id="contractId" style="display:none;"/>
                                <input type="text" class="form-control" id="imprestInfo" style="display:none;"/>
                                <input type="text" class="form-control" id="performanceInfo" style="display:none;"/>
                                <input type="text" class="form-control" id="purchaseDesc" style="display:none;"/>
                            </div>
                        </div>
                        <div class="col-sm-3" style="display:none">
                            <div class="form-group">
                                <label>合同类型：</label><br/>
                                <select class="form-control select2" id="contractType" name="contractType">
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>采购计划：</label><br/>
                                <select class="form-control select2" id="caigou" name="caigou">
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>采购经手人：</label>
                                <input type="text" class="form-control" id="caigouPerson" name="caigouPerson"/>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>中标通知书：</label><br/>
                                <select class="form-control select2" id="noticeCode" name="noticeCode" disabled="disabled">
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>中标金额(万元)：</label>
                                <input type="text" class="form-control"  id="total" name="total"/>
                                <input type="text" class="form-control" disabled="disabled" id="resultId" style="display:none;"/>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>合同谈判时间：</label>
                                <div class="input-group date">
                                    <div class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                    </div>
                                    <input type="text" class="form-control pull-right" id="talkDatepicker" name="talkDt" readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>合同流程完成时间：</label>
                                <div class="input-group date">
                                    <div class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                    </div>
                                    <input type="text" class="form-control pull-right" id="stepDatepicker" name="comptentDt" readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>合同签订时间：</label>
                                <div class="input-group date">
                                    <div class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                    </div>
                                    <input type="text" class="form-control pull-right" id="signDatepicker" name="signDt" readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>存档时间：</label>
                                <div class="input-group date">
                                    <div class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                    </div>
                                    <input type="text" class="form-control pull-right" id="caigouTime" name="getDt" readonly/>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="orgList" class="control-label">受托单位</label>
                                <div class="input-group">
                                    <select id="orgList" name="orgList" class="form-control select2"></select>
                                    <span class="input-group-btn">
                          <button class="btn btn-default" type="button"  id="addUnit" ><i class="fa fa-plus"></i></button>
                      </span>
                                </div>
                                <!--<input type="text" class="form-control" disabled="disabled" id="orgText"/>-->
                                <!--<input type="text" class="form-control hidden" id="orgList" name="orgList"/>-->
                                <!--<input type="hidden" class="form-control hidden" id="printdata" name="printdata"/>-->
                                <!--<span class="input-group-btn"><button class="btn btn-default" type="button"  id="orgBtn1" ><i class="fa fa-search"></i></button></span>-->

                            </div>
                        </div>
                        <div class="col-sm-2" style="display: none;">
                            <div class="form-group">
                                <label>开工时间：</label>
                                <div class="input-group date">
                                    <div class="input-group-addon">
                                        <i class="fa fa-calendar"></i>
                                    </div>
                                    <input type="text" class="form-control pull-right" id="startDatepicker" name="startDt"/>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12 hasFiles" id="hasFiles">
                            <label>	<i class="fa fa-file"></i>已上传附件：</label>
                            <dl id="performanceFiles">
                                <dt>履约保函</dt>
                                <!-- <dd>test.txt<a href="javascript:;" onclick="delFiles(this);">删除</a></dd> -->
                            </dl>
                            <dl id="expectFiles">
                                <dt>预付款保函</dt>
                            </dl>
                            <dl id="electronFiles">
                                <dt>电子合同</dt>
                            </dl>
                            <dl id="meetFiles">
                                <dt>会议纪要</dt>
                            </dl>
                        </div>
                        <div class="col-sm-12">
                            <span><i class="fa fa-cloud-upload"></i>附件上传（允许上传doc、docx、xls、xlsx、ppt、pptx、pdf、jpg、png、gif、bmp、jpeg格式文件）</span>
                            <ul class="file_menu">
                                <li class="active" id="0">履约保函</li>
                                <li id="1">预付款保函</li>
                                <li id="2">电子合同</li>
                                <li id="3">会议纪要</li>
                            </ul>
                            <div class="file_chose">
                                <button type="button" class="btn btn-info" id="common_file_bnt"></button><br/>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>支付条款：</label>
                                <textarea class="form-control" rows="3" placeholder="请输入支付条款" id="contractClauseName" name="contractClauseName"></textarea>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="statusCd" class="control-label">状态</label>
                                <select id="statusCd" name="statusCd" class="form-control select2">
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="saveBtn">保存</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade  bs-example-modal-lg" id="unitAddModal" >
    <div class="modal-dialog  modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="modalTitle">增加单位</h4>
            </div>
            <div class="modal-body">
                <form class="row noMargin" id="unitForm">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>单位名称：</label>
                            <input id="orgNameInput" name="orgNameInput" type="text" class="form-control" placeholder="请输入单位名称"></input>
                        </div>
                        <div class="form-group">
                            <label>单位类型：</label><br/>
                            <select id="orgTypeSel" name="orgTypeSel" class="form-control select2">
                                <!--
                                <option selected="selected">建设单位</option>
                                <option>监理单位</option>
                                <option>承接单位</option>-->
                            </select>
                        </div>
                        <div class="form-group">
                            <label>单位地址：</label>
                            <input id="orgAddrInput" name="orgAddrInput" type="text" class="form-control" placeholder="请输入单位地址"></input>
                        </div>
                        <div class="form-group">
                            <label>电话：</label>
                            <input id="orgTelInput" name="orgTelInput" type="text" class="form-control" placeholder="请输入电话"></input>
                        </div>
                        <div class="form-group">
                            <label>传真：</label>
                            <input id="orgFaxInput" name="orgFaxInput" type="text" class="form-control" placeholder="请输入传真"></input>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>邮箱：</label>
                            <input id="orgEmailInput" name="orgEmailInput" type="text" class="form-control" placeholder="请输入邮箱"></input>
                        </div>
                        <div class="form-group">
                            <label>联系人：</label>
                            <input id="linkManInput" name="linkManInput" type="text" class="form-control" placeholder="请输入联系人"></input>
                        </div>
                        <div class="form-group">
                            <label>联系人手机：</label>
                            <input id="linkManTelInput" name="linkManTelInput" type="text" class="form-control" placeholder="请输入联系人手机"></input>
                        </div>
                        <div class="form-group">
                            <label>联系人电话：</label>
                            <input id="linkManPhoneInput" name="linkManPhoneInput" type="text" class="form-control" placeholder="请输入联系人电话"></input>
                        </div>
                        <div class="form-group">
                            <label>联系人邮箱：</label>
                            <input id="linkManEmailInput" name="linkManEmailInput" type="text" class="form-control" placeholder="请输入联系人邮箱"></input>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="addUnitBtn" type="button" class="btn btn-primary">保存</button>
            </div>
        </div>
    </div>
</div>
<!--支付条款-->
<div class="modal fade" id="contractClauseDetail" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 id="vContractClauseDetailName" class="descriptionName"></h4>
            </div>
            <div class="modal-body">
                <p id="vContractClauseDetailNameContent" class="description">
                </p>
            </div>
        </div>
    </div>
</div>
<div>
   <input type="text" id="planType" name="planType" style="display:none"/>
</div>
<!-- 单位搜索 -->
<div class="modal fade bs-example-modal-lg" id="unitSearchModal" ></div>
<!-- 项目搜索 -->
<div class="modal fade bs-example-modal-lg" id="itemSearchModal" ></div>
<div class="modal fade bs-example-modal-lg" id="unitSearchModal3" ></div>
</body>
</html>
